@props(['name', 'module', 'list'])
<div module class="index_service">
    <div class="wp">
        <div class="tit">
            <h4>{{ $name }}</h4>
        </div>
        <div class="chose_tit">
            @foreach ($list as $d)
            <span data-tab="item-{{ $d->id }}">{{$d->title}}<em></em></span>
            @endforeach
        </div>
        <div class="list" id="item-0">
          @foreach ($module->articles as $d)
            <div class="item">
                <a href="/article/{{$d->id}}">
                    <div class="con" @if(empty($d->image)) style="padding-left: 0;" @endif>
                        @if ($d->image)
                        <div class="pic" style="background: url({{$d->image}}) no-repeat center center / cover;"></div>
                        @endif
                        <div class="text">
                            <h4>{{$d->title}}</h4>
                            <p>{{Str::limit($d->desc, 100)}}</p>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
            <div class="c"></div>
        </div>
        @foreach ($list as $item)
        <div class="list" id="item-{{ $item->id }}" style="display: none;">
            @foreach ($item->items as $d)
            <div class="item">
                <a href="/article/{{$d->id}}">

                    <div class="con" @if(empty($d->image)) style="padding-left: 0;" @endif>
                        @if ($d->image)
                        <div class="pic" style="background: url({{$d->image}}) no-repeat center center / cover;"></div>
                        @endif
                        <div class="text">
                            <h4>{{$d->title}}</h4>
                            <p>{{Str::limit($d->desc, 100)}}</p>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
            <div class="c"></div>
        </div>
        @endforeach
        <div class="index_more">
            <a href="/content/{{$module->id}}">
                <span>{{__('messages.more')}}</span>
                <i class="iconfont icon-icon_fanye_fanye-copy"></i>
            </a>
        </div>
    </div>
</div>
<!-- end -->
